<a class="links" href="/blog/">Blog</a>
<a class="links" href="/docs/">Docs</a>
<a class="links sm" href="/docs/examples/">Examples</a>

<style>
  a.links {
    text-decoration: none;
    font-weight: 500;
    font-size: var(--sl-text-sm);
    color: var(--color-text);
    line-height: normal;
  }
  a.links:hover {
    color: var(--sl-color-text-accent);
  }
  @media (max-width: 30rem) {
    a.links.sm {
      display: none;
    }
  }
</style>
